<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/3/15
  Time: 14:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
    <link rel="stylesheet" href="/css/home.css">
    <%--    <script src="../js/jquery.js"></script>--%>
    <%--    <script src="../js/common.js"></script>--%>

</head>
<!--所有页面显示的内容应该写入body就可以了-->
<!--div就是块元素-->
<!--div默认宽度就是浏览器的可视宽度,高度就是字体的高度-->
<!--如果想知道div到底有多大，则可以用背景颜色或者边框去查看-->
<!--如果想对2这个div设置样式，则需要拿到当前div-->
<!---->
<body>
<div>
    <jsp:include page="top.jsp"/>
    <div class="center">
        <div>
            <div>
                <div class="title">较新动态</div>
                <div class="news main">
                    <div><img src="../img/m331.jpg" height="190" width="268"/></div>
                    <div>
                        <div>
                            <!--                            字符不应该换行-->
                            <div class="single-over font-title">日本较大抹茶餐饮- 七叶和茶登陆上海

                            </div>
                            <div class="single-over font-title"> 日本较大的抹茶餐饮连锁正式登陆上海， 其中</div>
                        </div>
                        <div>
                            <div class="single-over font-title">日本较大抹茶餐饮- 七叶和茶登陆上海

                            </div>
                            <div class="single-over font-title"> 日本较大的抹茶餐饮连锁正式登陆上海， 其中</div>
                        </div>
                        <div>
                            <div class="single-over font-title">日本较大抹茶餐饮- 七叶和茶登陆上海

                            </div>
                            <div class="single-over font-title"> 日本较大的抹茶餐饮连锁正式登陆上海， 其中</div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="title">产品展示</div>
                <div class="product main">
                    <c:forEach items="${productModels}" var="model">
                        <div>
                            <div><img src="${model.img}" height="300" width="300"/></div>
                            <div class="single-over font-title">${model.title}</div>
                            <div class="single-over font-title">${model.content}</div>
                        </div>
                    </c:forEach>
                </div>
            </div>
        </div>
    </div>
    <jsp:include page="foot.jsp"/>
</div>

</body>
</html>
